const { defineConfig } = require('@vue/cli-service')

const path = require('path')  //导入path
// 定义一个变量，用来存储要学习的文件夹
let appModule = 'src'
appModule = '02-ref和$refs获取组件实例'
appModule = '03-$nextTick'
appModule = '04-自定义指令-基础语法'
appModule = '05-自定义指令-指令的值'
appModule = '06-自定义指令-封装v-loading指令'
appModule = '07-插槽-默认插槽'
appModule = '08-插槽-后备内容'
appModule = '09-插槽-具名插槽'
appModule = '10-插槽-作用域插槽'
appModule = '11-综合案例-商品列表'
appModule = '12-路由的基本使用步骤(5+2)'

module.exports = defineConfig({
  transpileDependencies: true,
  // 修改源代码目录
  configureWebpack: {
    resolve: {
      alias: {
        '@': path.resolve(__dirname, `./${appModule}`) // 设置路径别名
      }
    }
  },
  chainWebpack: config => {
    // 修改入口文件
    config.entry('app')
      .clear()  //  清除历史编译文件
      .add(`./${appModule}/main.js`) // 假设入口文件为 main.js
      .end()
  }
})
